﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="css/other.css" />
        <script src="js/jquery.js"></script>
        <script type="text/javascript">
        	$(function () {
            $($(".login_t a")[0]).css("visibility", "hidden");
            $(".bounced_box").css("display", "none");
            $(".buton_login").on('click', function () {
                $('.marks').show();
                $('.bounced_box').css('animate', 'shake 1s');
                $(".bounced_box").show();
            })
        });
        function closetip() {
            $('.marks').hide();
            $(".bounced_box").hide();
        }
        function changelogin(index) {
            if (index == 0) {
                $("#dxlogin").css("display", "none");
                $("#mmlogin").css("display", "block");
                $($(".login_t a")[0]).css("visibility", "visible");
            }
            else {
                $("#dxlogin").css("display", "block");
                $("#mmlogin").css("display", "none");
                $($(".login_t a")[0]).css("visibility", "hidden");
            }
        }
        var time = 60;
        //倒计时
        function getRandomCode() {
            if (time === 0) {
                time = 60;
                $('#dj_ma').removeClass("djs");
                $('#dj_ma').text("获取验证码");
                $('#dj_ma').attr("onclick", "getRandomCode()");
                return;
            } else {
                time--;
                $('#dj_ma').text(time + "秒后重试");
                $('#dj_ma').addClass("djs");
                $('#dj_ma').removeAttr("onclick");
                $('#dj_ma').parent().parent().css("border-color", "#ED3933");
                $(".tips").text("请输入验证码");
            }
            setTimeout(function () {
                getRandomCode();
            }, 1000);
        }
        </script>
	</head>
	<body>
		<div class="top_box">
			<div class="top_Content_width">
				<div class="top_Content_left">
					<span>您好，欢迎来到敬业商城</span>
					<a class="login">请登录</acronym><a class="registration">免费注册</a>
				</div>
				<div class="top_Content_right">
					<a>手机客户端</a>
					<a>买家中心 <em class="arrow_down"></em></a>
					<a>帮助中心<em class="arrow_down"></em></a>
					<span>咨询热线：<font>0311-82878888</font></span>
					<a></a>
				</div>
			</div>
		</div>
		<div class="top_box_logo">
			<div class="logo left"></div>
			<span class="column left"></span>
			<span  class="text_login" >欢迎登录</span>
		</div>
		<div class="content_box">
			<div class="logo_box_w">
			<div class="login_box">
				<div class="login_box_q" id="dxlogin">
                    <a href="javaScript:void(0);" class="select_red">短信登录</a><a href="javaScript:void(0);" onclick="changelogin(0)">密码登录</a>
					<div class="login_input_box">
						<em  class="em_user"></em>
                        <input onfocus="if (placeholder == '请输入手机号码') { placeholder = '' }" onblur="    if (placeholder == '') { placeholder = '请输入手机号码' }" type="text" placeholder="请输入手机号码" value="">
					</div>
					<font class="tips">请输入正确的手机号码</font>
                    <div style="position: relative;" class="login_input_box">
                        <em class="em_user_password"></em>
                        <input onfocus="if (placeholder == '短信验证码') { placeholder = '' }" onblur="    if (placeholder == '') { placeholder = '短信验证码' }" type="text" placeholder="短信验证码" value="">
                        <div class="verification">|<font id="dj_ma" onclick="getRandomCode()">获取验证码</font></div>
                    </div>
                    <font class="tips">&nbsp;</font>
					<input class="buton_login" type="button" value="登 录" />
					<span><!--<em class="gouem">√</em>--><input class="checkbox_style" type="checkbox" checked>注册即代表您同意<font>平台服务协议</font>和<font>隐私政策</font></span>
				</div>
                <div class="login_box_q" id="mmlogin" style="display:none;">
                    <a href="javaScript:void(0);" onclick="changelogin(1)">短信登录</a><a href="javaScript:void(0);" class="select_red">密码登录</a>
                    <div class="login_input_box">
                        <em class="em_user"></em>
                        <input onfocus="if (placeholder =='请输入用户名称'){placeholder =''}" onblur="if (placeholder ==''){placeholder='请输入用户名称'}" type="text" placeholder="请输入用户名称" value="">
                    </div>
                     <font class="tips">&nbsp;</font>
                    <div class="login_input_box">
                        <em class="em_user_password"></em>
                        <input onfocus="if (placeholder =='请输入密码'){placeholder =''}" onblur="if (placeholder ==''){placeholder='请输入密码'}" type="password" placeholder="请输入密码" value="">
                    </div>
                     <font class="tips">&nbsp;</font>
                    <input class="buton_login" type="button" value="登 录" />
                    <span><!--<em class="gouem">√</em>--><input class="checkbox_style" type="checkbox" checked>注册即代表您同意<font>平台服务协议</font>和<font>隐私政策</font></span>
                </div>
					<div class="login_t">
					 <a>忘记密码</a><a class="select_red">立即登录</a>
				    </div>
			</div>
			</div>
		</div>
		<div class="login_btoom">
			<a>现货交易规则 </a>| <a>竞拍交易规则 </a> | <a>开票说明 </a> | <a>支付说明 </a> | <a>友情链接 </a> | <a>帮助中心 </a>
			<p>Copyright © 2017　　敬业钢铁有限公司 冀ICP备18016119号-3　　冀公网安备13013102000127号</p>
		</div>
		
		<!--弹框-->
    <div class="marks"></div>
    <div class="bounced_box">
        <div class="bounced_w">
            <h2>提示信息<font onclick="closetip()">✕</font></h2>
            <p>登录失败！</p >
            <input class="buton_login" type="button" value="确 定">
        </div>
    </div>
		
	</body>
</html>
